<template>
  <div class="charge">
   <mt-header title="充币" fixed>
  <div slot="left">
    <mt-button icon="back" @click="back()"></mt-button>
  </div>
</mt-header>
<div style="height:50px;">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
aaaa
</div>
<div>
  <button id="shareBtn">fenxiang</button>
</div>
  </div>
</template>

<script>
import soshm from 'soshm';
import { Header } from "mint-ui";
export default {
  name: "Charge",
  data() {
    return {
      msg: ""
    };
  },
  methods: {
    back() {
      this.$router.go(-1);
    }
  },
  mounted() {
    document.getElementById("shareBtn").addEventListener(
      "click",
      function() {
        soshm.popIn({
          url:"http://m.52mrmagic.com/mrmagic/1.html",
          sites: [
            "weixin",
            "weixintimeline",
            "weibo",
            "yixin",
            "qzone",
            "qq"
          ]
        });
      },
      false
    );
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
@import url("../../static/css/charge.css");
</style>
